<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>class类声明</title>
  </head>
  <body>
    <div></div>
    <script>
      //1、es5生成实例对象，传统的方法是使用构造函数
      // function Phone(name, price) {
      //   this.name = name
      //   this.price = price
      // }

      // //添加方法
      // Phone.prototype.call = function () {
      //   console.log("打电话")
      // }

      // //实例化对象
      // let HuaWei = new Phone("华为", 5999)
      // console.log(HuaWei)

      //es6 class生成实例
      class Phone {
        //构造方法，名字不能修改,
        //当使用new 类名的时候会自动执行实例对象上面的constructor方法
        //this关键字代表的是实例对象
        constructor(name, price) {
          this.name = name
          this.price = price
        }
        call() {
          console.log("打电话") //只能使用这种简写的语法，不能使用es5的形式
        }
        //   call:function(){
        //     console.log('打电话');
        //   }
      }
      let apple = new Phone("苹果", 6999)
      console.log(apple)
    </script>
  </body>
</html>
